<template>
    <div class="history">
        <h2>浏览历史</h2>
        <ul>
            <li v-for="post in res" :key="post.id">
                <router-link to="">
                    <i class="el-icon-caret-right"></i>
                    {{ post.p }}
                </router-link>
            </li>
        </ul>
    </div>
</template>

<script>
let resData=[
    {
        "id":"1",
        "p":"PHP学科：MySQL手册免费分享"
    },
    {
        "id":"2",
        "p":"前端必学框架Bootstrap，3天带你从入门..."
    },
    {
        "id":"3",
        "p":"PHP进阶：要想提高PHP的编程效率，你..."
    },
    {
        "id":"4",
        "p":"这是第一篇文章"
    },
    {
        "id":"5",
        "p":"想少走弯路，就看看这个贴：PHPer职业..."
    },
    {
        "id":"6",
        "p":"最涨薪PHP项目-PHP微信公众号"
    },
]

export default {
   data(){
       return{
           res:resData
       }
   }
}
</script>

<style scoped>
.history{
    background: #fff;
}

h2{
    font-size: 16px;
    font-weight: 700;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    outline:2px solid #eeeeee!important;
    background: #fbfbfb;
}

li{
    list-style: none;
    font-size: 13px;
    margin-bottom: 10px;
}

ul{
    padding: 0;
    /* margin-left: -35px; */
    margin-top: -5px;
}

a{
    text-decoration: none;
    color: #666666;
}
</style>